// 轮播
.banner {
    position: relative;
    left: 0;
    right: 0;
    a {
        display: flex;
        flex-grow: 1;
    }
    img {
        flex-grow: 1;
        display: flex;
        height: 3.75rem;
    }
    // 圆点
    .dots {
        position: absolute;
        bottom: 10px;
        left: 0;
        right: 0;
        z-index: 5;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .dot {
        flex-grow: 0;
        margin: 0 .10rem;
        width: .16rem;
        height: .16rem;
        border-radius: 50%;
        background-color: #fff;
        opacity: .2;
    }
    .active {
        opacity: 1;
    }
}

// 分区
.zone {
    display: flex;
    flex-direction: column;
    .zone-top,
    .zone-bottom {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    img {
        display: block;
        width: 1.5rem;
        height: 1.583rem;
    }
}

//热卖爆品
.fast-moving-goods {
    display: flex;
    flex-direction: column;
    a.fast-moving-goods {
        width: 100%;
        img {
            display: block;
            width: 100%;
            height: 1.16rem;
        }
    }
}

// 商品列表
.goods-list {
    padding: 0 .16rem;
    height: 3.81rem;
    ;
    display: flex;
    justify-content: space-between;
    >a {
        width: 2.3rem;
        height: 3.81rem;
    }
    img {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        display: block;
        width: 2.3rem;
        height: 2.3rem;
    }
    // 商品下方文字
    .info-box {
        // width: 100%;
        padding: .2rem .1rem;
        // box-sizing: border-box;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .name {
        padding: 0 .12rem;
        width: 100%;
        text-align: center;
        font-size: .25rem;
        font-weight: bolder;
        color: #3c3c3c;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .brief {
        margin-top: .06rem;
        width: 100%;
        font-size: .2rem;
        text-align: center;
        color: #3c3c3c;
        height: 1.5em;
        line-height: 1.5em;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .price {
        margin-top: .087rem;
        height: 1.2em;
        font-size: .29rem;
        color: rgb(245, 75, 75);
        font-weight: 700;
        line-height: 1em;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        span {
            margin-left: 0.04rem;
            font-size: .208rem;
        }
        del {
            font-size: .76em;
            color: rgba(0, 0, 0, .54);
        }
    }
}

.content {
    .img1 {
        img {
            display: block;
            width: 100%;
            height: .83rem;
        }
    }
    .discounts {
        img {
            display: block;
            height: 2.91rem;
        }
    }
}